@use "../scss/hoverCutPieces" as *;
body {
  margin: 0;
  height: 100vh;
  display: grid;
  grid-auto-flow: column;
  place-content: center;
  gap: 40px;
  background: aliceblue;
}

// 定义img元素的样式
img {
  // 设置img元素的宽度为200px
  width: 200px;
  // 设置img元素的高度为200px
  height: 200px;

  // 使用hcp.cutPieces()函数，传入参数var(--n, 2)和0.6s
  @include hoverCutPieces(var(--n, 2), 0.6s);
  // 使用&::nth-child(odd)选择器，选择奇数个img元素
  //   &::nth-child(2n) {
  //     // 使用hcp.cutPieces()函数，不传入参数
  //     @include hoverCutPieces();
  //   }
}
